<!--
 * @Author: shawnxiao
 * @Date: 2021-02-27 17:21:44
 * @LastEditTime: 2021-08-31 15:08:38
 * @FilePath: /project/public/index.html
-->
<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="favicon.ico">
    <link rel="apple-touch-icon" href="logo192.png" />
    <title><%= htmlWebpackPlugin.options.title %></title>
    <!-- import cdn css -->
    <% if(htmlWebpackPlugin.options.cdn) {%>
      <% for (var i in htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.css) { %>
        <link href="<%= htmlWebpackPlugin.options.cdn.css[i] %>" rel="stylesheet">
      <% } %>
    <% } %>
    <!-- import cdn js -->
    <% if(htmlWebpackPlugin.options.cdn) {%>
      <% for (var i in htmlWebpackPlugin.options.cdn&&htmlWebpackPlugin.options.cdn.js) { %>
        <script src="<%= htmlWebpackPlugin.options.cdn.js[i] %>"></script>
      <% } %>
    <% } %>
    <script src="//cpfs.successchannel.net/node_modules/%40hekit/hekit-sdk/1.1.7/iframeSdk.umd.min.js"></script>
  </head>
  <body>
    <noscript><strong>需要启用 JavaScript 才能继续,你的浏览器关闭了 JavaScript</strong></noscript>
    <div id="app">
      <style>
        .first-loading-wrp{display:flex;flex-direction:column;align-items:center;justify-content:center;height:90vh;min-height:90vh}.first-loading-wrp>h1{font-size:24px;font-weight:bolder}.first-loading-wrp .loading-wrp{display:flex;align-items:center;justify-content:center;padding:30px}.dot{position:relative;box-sizing:border-box;display:inline-block;width:24px;height:24px;font-size:64px;transform:rotate(45deg);animation:antRotate 1.2s linear infinite}.dot i{position:absolute;display:block;width:12px;height:12px;background-color:#1890ff;border-radius:100%;opacity:.3;transform:scale(.75);transform-origin:50% 50%;animation:antSpinMove 1s linear infinite alternate}.dot i:first-child{top:0;left:0}.dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}
      </style>
      <div class="first-loading-wrp">
        <div class="loading-wrp">
          <span class="dot dot-spin">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
          </span>
        </div>
        <h1>加载中...</h1>
      </div>
    </div>
    <!-- built files will be auto injected -->
    <!-- IE 浏览器跳转提示升级页面 start -->
    <script>
      if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) {
          window.open("https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href));
      };
    </script>
    <!-- IE 浏览器跳转提示升级页面 end -->
    <script>
      function isIE() {
          if (!!window.ActiveXObject || "ActiveXObject" in window){
              return true;
          }else{
              return false;
          }
      }
    </script>
  </body>
</html>
